html,body{width: 100%;background-color: #e9ecf0;}
*{background-position: center;background-size:cover;background-repeat: no-repeat;}
.wrapperbox{width: 100%; }
.hasmenu{padding-bottom: 1.2rem;}

::-webkit-input-placeholder{color: #777!important;font-size: 0.3rem;}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{color: #777!important;font-size: 0.3rem;}                  /* Firefox版本4-18 */
::-moz-placeholder{color: #777!important;font-size: 0.3rem;}                  /* Firefox版本19+ */
:-ms-input-placeholder{color: #777!important;font-size: 0.3rem;}


.loginpage .img{width: 1.84rem;padding-top: 1.39rem;margin: 0 auto;}
.loginpage .name{font-size: 0.4rem;line-height: 0.5rem;text-align: center;margin-top: -0.14rem;font-weight: bold;color: #404040;}
.loginpage .message{background-color: #ffffff;width: 7rem;margin: 0 auto;margin-top: 0.87rem;padding: 0.1rem 0.4rem 0.5rem;border-radius: 0.1rem;}
.loginpage .input{width: 100%;border-bottom: 1px solid #C9C9C9;position: relative;margin-top: 0.5rem}
.loginpage .input span{display: block;width:100%;font-size: 0.3rem;line-height: 0.4rem;color: #777;padding: 0.18rem 0 0.18rem 0.12rem;}
.loginpage .input input{display: block;width:100%;font-size: 0.3rem;line-height: 0.4rem;color: #000;padding: 0.18rem 0.4rem 0.18rem 0;}
.loginpage .button{margin-top: 0.88rem;background-color: #2AB62D;width: 100%;height: 0.86rem;text-align: center;font-size: 0.3rem;font-weight: bold;line-height: 0.86rem;color: #ffffff;border-radius: 0.1rem;}
.loginpage .tip{font-size: 0.24rem;line-height: 0.24rem;padding-top: 0.35rem;color: #FF0000;position: absolute}

.bankcardpage .mine{font-size: 0.4rem;font-weight: bold;color:#404040;width: 7rem;padding-left: 0.41rem;padding-top: 0.53rem}
.bankcardpage .message{background-color: #ffffff;width: 7rem;margin: 0 auto;margin-top: 0.48rem;padding-left: 0.2rem;padding-right: 0.2rem; border-radius: 0.1rem;padding-bottom: 0.43rem;}
.bankcardpage .cardname{width: 100%;border-bottom: 1px solid #C9C9C9;position: relative;}
.bankcardpage .name1{display: block;width:100%;font-size: 0.28rem;line-height: 0.97rem;color: #5F5D5D;padding-left: 0.29rem}
.bankcardpage .name2{display: block;width:100%;font-size: 0.28rem;line-height: 0.97rem;color: #000;position: absolute;top: 0;left: 0;text-align: right;padding-right: 0.49rem;}
.bankcardpage .button{width: 6.3rem;background-color: #329900;color: #fff;font-size: 0.3rem;line-height: 0.83rem;font-weight: bold;margin:0 auto;border-radius: 0.1rem;text-align: center;margin-top: 0.53rem;}

.footer{width: 100%;height: 1.2rem;background-color: #fff;position: fixed;bottom: 0;padding: 0.22rem 0;}
.footer .item{width: 25%; height: 100%;display: block;float: left;display: flex;flex-direction: column;justify-content: center;}
.footer .itemimg{width: 0.36rem;display: block;margin: 0 auto;}
.footer .itemname{display: block;margin: 0 auto;text-align: center;}

.bankcardpage2 .mine{font-size: 0.4rem;font-weight: bold;color:#404040;width: 7rem;padding-left: 0.41rem;padding-top: 0.53rem}
.bankcardpage2 .message{background-color: #fff;width: 7rem;margin: 0 auto;margin-top: 0.48rem;padding-left: 0.2rem;padding-right: 0.2rem; border-radius: 0.1rem;padding-bottom: 0.38rem;}
.bankcardpage2 .cardname{width: 100%;border-bottom: 1px solid #C9C9C9;}
.bankcardpage2 input{width: 100%;padding-left: 0.29rem;font-size: 0.28rem;line-height: 0.97rem;color: #5F5D5D}
.bankcardpage2 .bottom{padding-top: 0.37rem;}
.bankcardpage2 .tip{font-size: 0.24rem;line-height: 0.24rem;padding-left: 0.35rem;color: #FF0000;position: absolute}
.bankcardpage2 .button{width: 6.3rem;background-color: #329900;color: #fff;font-size: 0.3rem;line-height: 0.83rem;font-weight: bold;margin:0 auto;border-radius: 0.1rem;text-align: center;margin-top: 0.58rem;}

.changebankcardpage .mine{font-size: 0.4rem;font-weight: bold;color:#404040;width: 7rem;padding-left: 0.41rem;padding-top: 0.53rem}
.changebankcardpage .message{background-color: #fff;width: 7rem;margin: 0 auto;margin-top: 0.48rem;padding-left: 0.2rem;padding-right: 0.2rem; border-radius: 0.1rem;padding-bottom: 0.38rem;padding-top: 0.04rem;}
.changebankcardpage .cardname{width: 100%;border-bottom: 1px solid #C9C9C9;padding-top: 0.62rem;padding-bottom: 0.18rem}
.changebankcardpage input{width: 100%;padding-left: 0.3rem;font-size: 0.3rem;line-height: 0.5rem;color: #5F5D5D;}
.changebankcardpage .getcode{width: 2.15rem;display: block;float: right;color: #34AB16;font-size: 0.3rem;font-weight: bold;padding-left: 0.25rem;height: 0.38rem;border-left: 0.01rem solid #c9c9c9;}
.changebankcardpage .bottom{padding-top: 0.35rem;}
.changebankcardpage .tip{font-size: 0.24rem;line-height: 0.24rem;padding-left: 0.35rem;color: #FF0000;position: absolute}
.changebankcardpage .button{width: 6.3rem;background-color: #329900;color: #fff;font-size: 0.3rem;line-height: 0.83rem;font-weight: bold;margin:0 auto;border-radius: 0.1rem;text-align: center;margin-top: 0.58rem;}


.mymessagepage .mine{width: 7rem;height: 1.75rem;background-color: #329900;margin: 0 auto;border-radius: 0.1rem;margin-top: 0.1rem;padding: 0.36rem 0.4rem 0.36rem 0.3rem}
.mymessagepage .head{width: 1rem;height: 1rem;border-radius: 50%;overflow: hidden;float: left}
.mymessagepage .myname{padding-left: 0.18rem;font-size: 0.32rem;font-weight: bold;color: #fff;width: 3rem;display: block;float: left;line-height: 1rem}
.mymessagepage .exit{float: right;}
.mymessagepage .back{width: 0.22rem;padding: 0.38rem 0;float: left}
.mymessagepage .exitright{color: #fff;font-size: 0.26rem;display: block;float: right;line-height: 1rem;margin-left: 0.1rem;}
.mymessagepage .message{background-color: #ffffff;width: 7rem;margin: 0 auto;margin-top: 0.25rem;border-radius: 0.1rem;padding-top: 0.06rem;}
.mymessagepage .cardname{width: 100%;border-bottom: 1px solid #C9C9C9;position: relative;}
.mymessagepage .cardname_last{width: 100%;position: relative;}
.mymessagepage .name1{display: block;width:100%;font-size: 0.26rem;font-weight: bold;line-height: 0.9rem;color: #000;padding-left: 0.33rem}
.mymessagepage .name2{width:100%;position: absolute;top: 0;left: 0;padding: 0.35rem 0rem;padding-right: 0.34rem;}
.mymessagepage .name2 img{width: 0.14rem;float: right;}

.resetpwdpage .mine{font-size: 0.4rem;font-weight: bold;color:#404040;width: 7rem;padding-left: 0.41rem;padding-top: 0.53rem}
.resetpwdpage .message{background-color: #fff;width: 7rem;margin: 0 auto;margin-top: 0.36rem;padding-left: 0.4rem;padding-right: 0.4rem; border-radius: 0.1rem;padding-bottom: 0.46rem;}
.resetpwdpage .cardname{width: 100%;border-bottom: 1px solid #C9C9C9;padding-top: 0.77rem}
.resetpwdpage input{width: 100%;padding-left: 0.12rem;font-size: 0.3rem;line-height: 0.3rem;color: #5F5D5D;padding-bottom: 0.16rem}
.resetpwdpage .button{width: 6.2rem;background-color: #329900;color: #fff;font-size: 0.3rem;line-height: 0.86rem;font-weight: bold;margin:0 auto;border-radius: 0.1rem;text-align: center;margin-top: 1.08rem}
.resetpwdpage .tip{font-size: 0.24rem;line-height: 0.24rem;padding-top: 0.35rem;color: #FF0000;position: absolute}

.hexiaopage .tittle{width: 100%;height: 2.75rem;background-color: #2CA71C;font-size: 0.4rem;font-weight: bold;color: #fff;padding-left: 0.65rem;padding-top: 0.81rem;}
.hexiaopage .message{background-color: #fff;width: 7rem;margin: 0 auto;border-radius: 0.1rem;padding: 0.35rem;position: fixed;top: 1.75rem;bottom: 0.82rem;left: 0.25rem}
.hexiaopage .tip{padding-top: 0.1rem;padding-left: 0.11rem;font-size: 0.28rem;font-weight: bold;color: #000;padding-bottom: 0.32rem;}
.hexiaopage .cardname{width: 100%;border: 1px solid #BDBDBD;border-radius: 0.1rem;}
.hexiaopage input{width: 100%;padding-left: 0.28rem;font-size: 0.28rem;line-height: 0.83rem;color: #000;font-weight: bold;}
.hexiaopage .button{width: 6.3rem;background-color: #329900;color: #fff;font-size: 0.3rem;line-height: 0.83rem;font-weight: bold;margin:0 auto;border-radius: 0.1rem;text-align: center;margin-top: 0.81rem}
.hexiaopage .msg{font-size: 0.24rem;line-height: 0.24rem;padding-top: 0.35rem;color: #FF0000;position: absolute}

.hexiaopage2 .tittle{width: 100%;height: 2.75rem;background-color: #2CA71C;font-size: 0.4rem;font-weight: bold;color: #fff;padding-left: 0.65rem;padding-top: 0.81rem;}
.hexiaopage2 .message{background-color: #fff;width: 7rem;margin: 0 auto;border-radius: 0.1rem;padding: 0.4rem;position: fixed;top: 1.75rem;bottom: 0.82rem;left: 0.25rem}
.hexiaopage2 .false{width: 0.92rem;margin: 0 auto;padding-top: 0.56rem;padding-bottom: 0.57rem;}
.hexiaopage2 .tip{text-align: center;font-size: 0.28rem;font-weight: bold;color: #000;padding-bottom: 1.07rem;}
.hexiaopage2 .button{width: 2.9rem;background-color: #329900;border-radius: 0.1rem;padding: 0.31rem 0.32rem 0.28rem 0.25rem;float: left}
.hexiaopage2 .scan{width: 0.35rem;float: left;display: block;}
.hexiaopage2 .btn{font-size: 0.32rem;font-weight: bold;color: #fff;padding-left: 0.32rem;line-height: 0.3rem}
.hexiaopage2 .indexbtn{display: block;width: 6.2rem;height: 1rem;background-color: #329900;margin:0.4rem auto 0;font-size: 0.32rem;font-weight: bold;color: #fff;border-radius: 0.1rem;float: left;line-height: 1rem;text-align: center;}
.shophomepage .top{width: 100%;height: 3.85rem;background-color: #329900;padding: 0.32rem 0.25rem 1.06rem 0.25rem;}
.shophomepage .head{width: 1rem;height: 1rem;border-radius: 50%;overflow: hidden;float: left;}
.shophomepage .myname{padding-left: 0.18rem;font-size: 0.32rem;font-weight: bold;color: #fff;width: 3rem;display: block;float: left;line-height: 1rem}
.shophomepage .exit{float: right;}
.shophomepage .back{width: 0.22rem;padding: 0.38rem 0;float: left}
.shophomepage .exitright{color: #fff;font-size: 0.26rem;display: block;float: right;line-height: 1rem;margin-left: 0.1rem;margin-right: 0.08rem;}
.shophomepage .button_warp{display: flex;justify-content: space-between;width:100%}
.shophomepage .button{width: 3.3rem;background-color: #fff;border-radius: 0.1rem;padding: 0.3rem 0.32rem 0.28rem 0.34rem;float: left;margin-top: 0.5rem}
.shophomepage .scan{width: 0.35rem;float: left;display: block;}
.shophomepage .btn{font-size: 0.32rem;font-weight: bold;color: #329900;padding-left: 0.32rem;line-height: 0.3rem}
.shophomepage .message{background-color: #fff;width: 7rem;margin: 0 auto;border-radius: 0.1rem;padding: 0.05rem 0.05rem;margin-top: -0.4rem;}
.shophomepage .tittle{background-color: #EDF0F3;border-top-right-radius: 0.1rem;border-top-left-radius: 0.1rem;padding-left: 0.6rem;padding-right: 0.3rem;}
.shophomepage .today{font-size: 0.28rem;color: #444343;padding-top: 0.36rem;}
.shophomepage .message .flex{display: flex;justify-content: space-between}
.shophomepage .todaynum{width: 60%;font-size: 0.52rem;color: #000000;font-weight: bold; overflow: hidden;text-overflow: ellipsis}
.shophomepage .allmessage{font-size: 0.26rem; color: #444343;line-height: 0.68rem;float: right}
.shophomepage .allmessage img{width: 0.11rem;float: right;padding-top: 0.25rem;margin-left: 0.12rem;}
.shophomepage .list{width: 100%;padding: 0.06rem 0.15rem;}
.shophomepage .row{width: 100%;padding: 0.24rem 0 ;border-bottom: 1px solid #e4e4e4;display: flex;justify-content: space-between;position: relative}
.shophomepage .row:last-child{border-bottom: none}
.shophomepage .row:after{content: '';width: 1px;background-color: #e4e4e4;position: absolute;top: 0.24rem;bottom: 0.24rem;left: 0;right: 0;margin: auto;}
.shophomepage .line{width: 1px;background-color: #e4e4e4;flex-shrink: 0;}
.shophomepage .item{width: 50%;padding: 0 0.42rem;}
.shophomepage .item.item2{padding-left: 0.77rem;}
.shophomepage .item span{font-size: 0.28rem;color: #444343}
.shophomepage .item h3{font-size: 0.32rem;color: #000;width: 100%;overflow: hidden;text-overflow: ellipsis}
.shophomepage .order{width: 7rem;margin: 0 auto;margin-top: 0.4rem;margin-bottom: 0.5rem;border-radius: 0.1rem;background-color: #fff;background-color: #fff;padding: 0.05rem 0.05rem 0.02rem 0.05rem}
.shophomepage .oitem:first-child{background-color: #EDF0F3;border-top-right-radius: 0.1rem;border-top-left-radius: 0.1rem;color: #000000;font-size: 0.3rem;padding-left: 0.6rem;line-height: 0.88rem;font-weight: bold;margin: 0 auto;border-bottom: none}
.shophomepage .oitem{border-bottom: 1px solid #E4E4E4;display: flex;justify-content: space-between;padding: 0 0.2rem;line-height: 0.91rem;margin: 0 0.2rem;padding-left: 0.4rem;padding-right: 0.58rem;font-size: 0.28rem;color: #000}
.shophomepage .oitem:last-child{border-bottom: none;}
.shophomepage .oitem h3{width: 60%;font-size: 0.32rem;color: #000;overflow: hidden;text-overflow: ellipsis;text-align: right;}

.activepage .page{width: 7rem;background-color: #329900;color: #FFFFFF;border-radius: 0.1rem;margin: 0 auto;margin-top: 0.24rem;margin-bottom: 0.32rem;display: flex;justify-content: space-around;}
.activepage .page .itempage.active{font-size: 0.28rem;font-weight: bold;border-bottom: 4px solid #fff;line-height: 0.90rem;}
.activepage .page .itempage{font-size: 0.28rem;font-weight: bold;line-height: 0.90rem;}
.activepage .activemessage{width: 7rem;margin: 0 auto;}
.activepage .activeproject{border-radius: 0.1rem;background-color: #fff;padding: 0.05rem;padding-bottom: 0.56rem;margin-bottom: 0.26rem}
.activepage .apitemtittle{background-color: #EDF0F3;border-top-right-radius: 0.1rem;border-top-left-radius: 0.1rem;display: flex;justify-content: space-between;padding: 0.24rem 0.2rem 0.24rem 0.32rem;}
.activepage .apitemtittle span{font-size: 0.3rem;font-weight: bold;color: #000;}
.activepage .apitemtittle img{width: auto;padding-top: 0.1rem;height: 0.45rem}
.activepage .package{padding: 0 0.2rem;}
.activepage .packagetittle{font-size: 0.28rem;font-weight: bold;color: #000000;padding-top: 0.52rem;padding-bottom: 0.14rem;border-bottom: 1px solid #e4e4e4;padding-left: 0.14rem}
.activepage .packagemessage{color: #000;font-size: 0.26rem;line-height: 0.4rem;padding: 0.2rem 0.12rem;border-bottom: 1px solid #e4e4e4}
.activepage .packagenum{font-size: 0.28rem;border-bottom: 1px solid #E4E4E4;display: flex;justify-content: space-between;line-height: 0.5rem;padding: 0.2rem 0;}
.activepage .packagenum .timeitem{color: #5B5B5B;display:block;padding-left: 0.12rem;}
.activepage .packagenum h3{color: #000000;display:inline;font-size: 0.28rem}
.activepage .sellmessage{width: 7rem;margin: 0 auto;}
.activepage .selllist{font-size: 0.28rem;border-bottom: 1px solid #E4E4E4;display: flex;justify-content: space-between;line-height: 0.44rem;padding: 0.16rem 0; margin: 0 0.2rem}
.activepage .selllist .listnumall{width: 100%;color: #5B5B5B;display:block;padding-left: 0.12rem;}
.activepage .selllist .listnum{width: 50%;color: #5B5B5B;display:flex;padding-left: 0.12rem;}
.activepage .selllist .listnum span{flex-shrink: 0}
.activepage .selllist .listnumall h3{color: #000000;padding-right: 0.1rem;font-size: 0.28rem;display:inline-block;overflow: hidden;text-overflow: ellipsis;width:60%;}
.activepage .selllist h3{color: #000000;padding-right: 0.1rem;font-size: 0.28rem;display:inline-block;overflow: hidden;text-overflow: ellipsis;width: 100%;vertical-align: top;}
.activepage .selllistname{padding-left: 0.32rem;padding-top: 0.34rem;padding-bottom: 0.1rem;font-size: 0.28rem;font-weight: bold;color: #000}
.activepage .selllist:last-child{border-bottom: none;}

.orderpage .page{width: 7rem;background-color: #329900;color: #FFFFFF;border-radius: 0.1rem;margin: 0 auto;margin-top: 0.24rem;margin-bottom: 0.32rem;display: flex;justify-content: space-around;padding: 0 0.4rem;}
.orderpage .page .itempage.active{font-size: 0.28rem;font-weight: bold;border-bottom: 4px solid #fff;line-height: 0.90rem;}
.orderpage .page .itempage{font-size: 0.28rem;font-weight: bold;line-height: 0.90rem;}
.orderpage .ordermessage{width: 7rem;background-color: #fff;font-size: 0.28rem;padding: 0.12rem 0.2rem 0 0.2rem;margin: 0 auto;border-radius: 0.1rem;margin-bottom: 0.2rem}
.orderpage .messagelist{ border-bottom: 1px solid #e4e4e4;line-height: 0.4rem;padding: 0.18rem 0; display: flex;justify-content: space-between;padding-left: 0.12rem;}
.orderpage .messagelist_last{line-height: 0.4rem;padding: 0.18rem 0; display: flex;justify-content: space-between;padding-left: 0.12rem;}
.orderpage .listnum h3{color: #000;display: inline;font-size: 0.28rem}
.orderpage .listmes{width: 50%;color: #5B5B5B;display:block;}
.orderpage .listmes h3{color: #000000;display:inline;padding-right: 0.1rem;font-size: 0.28rem}
.orderpage .state img{width: 0.12rem;padding-top: 0.2rem;float: left;}
.orderpage .state span{width: 1rem;background-color: #2CA71C;border-radius: 0.04rem;margin-left: -0.02rem;font-size: 0.2rem;color: #fff;padding: 0.02rem 0.1rem;}
.orderpage .state .used{background-color: #848484}
.orderpage .state .value{background-color: #E52404;}
